<template>
    <el-tabs
        v-model="activeName"
        type="card"
        class="demo-tabs"
        @tab-click="handleClick"
    >
        <el-tab-pane label="设备台账" name="first">
            <EquipmentList></EquipmentList>
        </el-tab-pane>
        <el-tab-pane label="工艺流程图" name="second">
            <ProcessFlowChart></ProcessFlowChart>
        </el-tab-pane>
        <el-tab-pane label="设备监控" name="three">
            <EquipmentMonitoring></EquipmentMonitoring>
        </el-tab-pane>
        <el-tab-pane label="设备维修" name="four">
            <EquipmentRepair></EquipmentRepair>
        </el-tab-pane>
        <el-tab-pane label="设备保养" name="five">
            <EquipmentUpkeep></EquipmentUpkeep>
        </el-tab-pane>
        <!-- <el-tab-pane label="标签管理" name="six">
            <LabelManagement></LabelManagement>
        </el-tab-pane> -->
    </el-tabs>
</template>

<script setup>
import { ref } from "vue";
import EquipmentList from "./components/equipmentList.vue";
import ProcessFlowChart from "./components/mapView/index.vue";
import EquipmentMonitoring from "./components/equipmentMonitoring.vue";
import EquipmentRepair from "./components/equipmentRepair/index.vue";
import EquipmentUpkeep from "./components/equipmentUpkeep/index.vue";
import LabelManagement from "./components/labelManagement/index.vue";
const activeName = ref("first");
const handleClick = () => {};
</script>

<style scoped lang="less"></style>
